<!DOCTYPE html>
<html >
<head>
<meta charset="utf-8">
<title>个人信息</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/mui.css">
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="css/weui.css">
<script type="text/javascript" src="js/jquery-2.0.0.min.js"></script>
<script type="text/javascript" src="js/utile.js"></script>
<script type="text/javascript">
	var orderId;
	$(document).ready(function(){
		var type = getQueryStr("type");
		if(type == 2) {
			orderId = getQueryStr("orderId");
			var url = getURL() + "/mobile/getFamilyOrder?orderId=" + orderId;
		} else {
		    var url = getURL() + "/mobile/getOrderSelf";
		}
		  var pram = {};
		  $.ajax({
			  type: 'POST',
			  url: url,
			  data: pram,
			  success: function(data){
				  if(type == 1) {
					  orderId = data.orderInfo.orderId;
				  }
					$(".telephone").html(data.orderInfo.telephone);
					$(".email").html(data.orderInfo.email);
					$(".reservString").html(data.orderInfo.reservString);
					$(".suppName").html(data.orderInfo.suppName);
					$(".itemName").html(data.orderInfo.itemName);
					$(".empName").html(data.orderInfo.empName);
					$(".idenCardNum").html(data.orderInfo.idenCardNum);
					$(".isMarried").html(data.orderInfo.isMarried==0?"未婚":"已婚");
					$(".sex").html(data.orderInfo.sex==0?"女":"男");
					if(data.orderInfo.state == 2) {
						$(".button_sp_area").show();
					} else {
						$(".button_sp_area").hide();
					}
			  },
			  dataType: "json"
			});
	});
	function cancleorder(){
		 var url = getURL() + "/mobile/cancleorder";
	  	 var pram = {orderId:orderId};
		 $.ajax({
			  type: 'POST',
			  url: url,
			  data: pram,
			  success: function(data){
				  if(data.success){
					  window.location.href = "menu.html";
				  }
			  },
			  dataType:"json"
		 });
	}
	</script>
</head>

<body >
<header id="header" class="mui-bar mui-bar-nav"> <a  onclick="history.go(-1)" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color:#fff;"></a>
  <h1 class="mui-title">体检预约</h1>
</header>
<div class="container" id="container">
<div style="border-bottom:1px solid #bababa;padding-bottom:10px;">
  <p>以下是您的个人资料及条件预约信息...</p>
  <div class="button_sp_area" style="display:none;"><a onclick="cancleorder()" class="weui_btn weui_btn_mini weui_btn_plain_blue">取消预约</a></div>
  </div>
  
  
 <div>
 <div class="infTit">个人信息</div>
 <h5>单位/公司:</h5>
 <table width="100%" border="0" class="baseTable" style="border-bottom:1px solid #bababa;padding-bottom:10px;">
  <tr>
    <td width="25%">证件号:</td>
    <td width="75%" class="idenCardNum"> </td>
  
  </tr>
  <tr>
    <td>姓名:</td>
    <td class="empName"></td>  
  </tr>
   <tr>
    <td>性别:</td>
    <td class="sex"></td>  
  </tr>
   <tr>
    <td>电话:</td> 
    <td class="telephone">
    </td>  
  </tr>
   <tr>
    <td>邮箱:</td> 
    <td class="email">
    </td>  
  </tr>
   <tr>
    <td>婚姻状况:</td> 
    <td class="isMarried"></td>  
  </tr>
  
</table>
<div class="infTit">体检预约信息</div>

 <table width="100%" border="0" class="baseTable">

  <tr>
   <td width="25%">预约日期:</td>
    <td width="75%" class="reservString"></td>  
  </tr>
   <tr>
    <td>体检门店:</td>
    <td class="suppName"></td>  
  </tr>
   <tr>
    <td>体检套餐:</td> 
    <td class="itemName"></td>  
  </tr>
  
  
</table>

 </div> 
 
</div>
</body>
</html>